<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- 导入iconfont css -->
	<link rel="stylesheet" href="./iconfont/iconfont.css">
	<!-- 页头 导航 轮播图css -->
	<link rel="stylesheet" href="./css/top.css">
	<!-- 华为精品栏目1css -->
	<link rel="stylesheet" href="./css/column1.css">
	<!-- 手机栏目2 -->
	<link rel="stylesheet" href="./css/column2.css">
	<!-- 笔记本栏目3 -->
	<link rel="stylesheet" href="./css/column3.css">
	<!-- 底部 -->
	<link rel="stylesheet" href="./css/bottom.css">
	<!-- 注册 -->
	<link rel="stylesheet" href="./css/huawei6.css">
	<!-- 登录 -->
	<link rel="stylesheet" href="./css/entry.css">
	<!-- 公用 -->
	<link rel="stylesheet" href="./css/joint.css">
	<title>华为商城</title>
	<style>
	/* 初始化 */
		body,ul,li{margin: 0;padding:0;}
		li{list-style: none;}
		a{text-decoration: none;}
		body{font-size: 14px; font-family: 微软雅黑; background: #fff; min-width: 1200px;}
	</style>
</head>
<body>
	<!-- 登录全屏背景 -->
	<div class="entry" id="huawei-entry">
		<!-- 注册 -->
		<div class="entry-center" id="move">
			<div class="entry-top" id="moves">
				
			</div>
			<center><h1>注册</h1></center> 
		    <form action="./cgi-bin/form.py" method="post" enctype="multipart/form-data" id="reg" name="regForm"  onsubmit="return checkForm()">

		        <!-- <input type="hidden"  name="id" value="93"> -->

		        <table width="500" align="center" cellspacing="0" cellpadding="10">
		            <tr>
		                <td >
		                    <label for="username">注册:</label>
		                </td>
		                <td >
		                    <input type="text" name="username" placeholder="请输入用户名.." onblur="checkName()" maxlength="11" onfocus="checkName1()">

		                    <span id="notice1"></span>
							 <span id="notice10" class="iconfont">&#xe60b;</span>
		                </td>
		                
		            </tr>

		            <tr>
		                <td>
		                    <label for="useremail">邮箱:</label>
		                </td>
		                <td>
		                    <input type="email" name="useremail" placeholder="请输入邮箱.." onblur="checkEmail()"  onfocus="checkEmail1()">
		                    <span id="notice2"></span>
		                    <span id="notice20" class="iconfont">&#xe60b;</span>
		                </td>		             
		            </tr>

		            <tr>
		                <td>
		                    <label for="pass">密码:</label>
		                </td>
		                <td>
		                    <input type="password" name="pass" id="pass" placeholder="请输入密码.." onblur="checkPass()" onfocus="checkPass1()">
		                    <span id="notice3"></span>
		                    <span id="notice30" class="iconfont">&#xe60b;</span>
		                </td>
		            </tr>

		            <tr>
		                <td>
		                    <label for="repass">确认密码:</label>
		                </td>
		                <td>
		                    <input type="password" name="repass" id="repass" placeholder="请输入密码.." onblur="checkRepass()" onfocus="checkRepass1()">
		                    <span id="notice4"></span>
		                    <span id="notice40" class="iconfont">&#xe60b;</span>
		                </td>
		            </tr>

		            <tr>
		                <td width="30%">
		                    性别:
		                </td>
		                <td width="70%">
		                    <label><input type="radio" name="sex" value="woman">女</label>
		                    <label><input type="radio" name="sex" value="man" checked>男</label>
		                </td>
		            </tr>

		            <tr>
		                <td width="30%">
		                    头像:
		                </td>
		                <td width="70%">
		                    <input type="file" name="userfile">
		                </td>
		            </tr>
		            

		            <tr>
		                <td width="30%" align="right">
		                    地址:
		                </td>
		                <td width="70%">
		                    <select name="country" id="country">         
		                    </select>
		                    <select name="city" id="city"> 
		                    </select>
		                </td>
		            </tr>

		            <tr>
		                <td width="30%">
		                    个人简介:
		                </td>
		                <td width="70%">
		                    <textarea name="userinfo" cols="40" rows="5" placeholder="请输入个人简介,不超过200个字" maxlength="200"></textarea>
		                </td>
		            </tr>
		            
		            <tr>
		                <td width="30%">
		                    &nbsp;
		                </td>
		                <td width="70%">
		                    <button type="submit">注册</button>
		                    <input type="reset" value="重填">
		                </td>
		            </tr>
		        </table>
		    </form>
			<div class="delete" id="deletex">
				<span class="iconfont">&#xe60a;</span>
			</div>
		</div>
		</div>
		<!-- 登录 -->
		<div class="mainhost" id="mains">
			<div class="main">
			    <div class="title">
			        <span>密码登录</span>
			    </div>
			 
			    <div class="title-msg">
			        <span>请输入登录账户和密码</span>
			    </div>
			 
			    <form class="login-form" method="post" novalidate >
			        <!--输入框-->
			        <div class="input-content">
			            <!--autoFocus-->
			            <div>
			                <input type="text" autocomplete="off"
			                       placeholder="用户名" name="userNameOrEmailAddress" required/>
			            </div>
			 
			            <div style="margin-top: 16px">
			                <input type="password"
			                       autocomplete="off" placeholder="登录密码" name="password" required maxlength="20"/>
			            </div>
			        </div>
			 
			        <!--登入按钮-->
			        <div style="text-align: center">
			            <button type="submit" class="enter-btn" >登录</button>
			        </div>
			    </form>
			    <div class="delete" id="deletey">
					<span class="iconfont">&#xe60a;</span>
				</div>		 
			</div>
	</div>

	<!-- 页头 -->
	<div id="header">
		<div class="content">
			<div class="content-left">
				<ul>
					<li><a href="">首页</a></li>
					<li><a href="">华为官网</a></li>
					<li><a href="">荣耀官网</a></li>
					<li><a href="">花粉俱乐部</a></li>
					<li><a href="">V码(代购码)</a></li>
				</ul>
			</div>
			<div class="content-right">
				<ul>
					<li><a id="enroll">请登录</a></li>
					<li><a id="login">注册</a></li>
					<li><a href="">荣耀官网</a></li>
					<div class="cart">
						<span class="iconfont">&#xe622;</span>
						购物车( <span id="cartnum"> 0 </span>  )
						<div class="cart-list"></div>
					</div>
				</ul>
			</div>

		</div>
	</div>
	<!-- 导航 -->
	<div id="nav" >
		<div class="content">
			<div class="logo"></div>
			<div class="column">
				<ul>
					<li>
					<a href="./华为列表.html">手机</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">笔记本电脑</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">平板&穿戴</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">智能家居</a>
					<div class="submenu"></div>
					</li>
					<li>
					<a href="">配件</a>
					<div class="submenu"></div>
					</li>
				</ul>
			</div>
			<div class="search">
				<form action="">
					
					<input type="text" class="search-text">

					<input type="submit" class="search-btn iconfont" value="&#xe620;">
				</form>
			</div>
		</div>
	</div>
	<!-- 轮播图 -->
	<div id="banner">
		<div id="imgList">
			<img src="./img/8.jpg" style="display: block;">
			<img src="./img/3.jpg" style="display: none;">
			<img src="./img/4.jpg" style="display: none;">
			<img src="./img/5.jpg" style="display: none;">
			<img src="./img/6.jpg" style="display: none;">
			<img src="./img/7.jpg" style="display: none;">
											
		</div>
		<div id="iconList">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
	    </div> 
	</div>

	<!-- 换行 -->
	<div id="hr-1"></div>
	<!-- 栏目1标题 -->
	<div class="title-one" id="url1">
		<h1>华为精品</h1>
		<div class="title-one-logo"></div>
	</div>
	<!-- 栏目1内容1 -->
	<div class="title-one-content">
		<ul>
			<li><a href="">
				<img src="./img/title-one-content1.png">
				<div class="scroll"></div>
			</a></li>
			<li><a href="./华为详情.html">
				<img src="./img/title-one-content2.png">
				<div class="scroll"></div>
			</a></li>
			<li><a href="">
				<img src="./img/title-one-content3.png">
				<div class="scroll"></div>
			</a></li>
			<li><a href="">
				<img src="./img/title-one-content4.png">
				<div class="scroll"></div>
			</a></li>
		</ul>
	</div>
	<!-- 换行 -->
	<div id="hr-2"></div>
	<!-- 栏目1内容2 -->
	<div class="title-one-content2">
		<div class="img">
			<a href="">
				<img src="./img/title-one-content2.1.png" width="390">
				<div class="title-one-content2-banner">
					<div class="gird-title">HUAWEI WATCH GT</div>
					<div class="gird-desc">稀缺货源 限量发售&nbsp;</div>
					<div class="gird-price">¥1488</div>
					<div class="gird-logo"></div>
				</div>
			</a>
		</div>
		<div class="img1">
			<a href="">
				<img src="./img/title-one-content2.2.png" width="390">
				<div class="title-one-content2-banner2">
					<div class="gird-title">HUAWEI MateBook 13</div>
					<div class="gird-desc">享3期免息&nbsp;</div>
					<div class="gird-price">¥5399</div>
					<div class="gird-logo"></div>
				</div>
			</a>
		</div>
		<div class="img2">
			<a href="">
				<img src="./img/title-one-content2.3.png" width="390">
				<div class="title-one-content2-banner3">
					<div class="gird-title">华为畅享9</div>
					<div class="gird-price">¥999</div>
					<div class="gird-logo"></div>
				</div>
			</a>
			</a>
		</div>
	</div>


	<!-- 换行 -->
	<div id="hr-3"></div>
	<!-- 栏目2大标题 -->
	<div class="title-two" id="url2">
		<h1>手机</h1>
		<div class="title-two-logo"></div>
	</div>
	<!-- 栏目2小标题 -->
	<div class="title-two-nav">
		<ul>
			<li><a href="">HUAWEI Mate系列</a></li>
			<li><a href="">HUAWEI P系列</a></li>
			<li><a href="">HUAWEI nova系列</a></li>
			<li><a href="">HUAWEI 麦芒系列</a></li>
			<li><a href="">华为畅享系列</a></li>
		</ul>
		<div class="key">
			更多
		</div>
	</div>
	<!-- 栏目2内容 -->
	<div class="title-two-content">
		<!-- 左边最大 -->
		<div class="sidebar">
			<a href="">
				<img src="./img/sidebar.png" width="290"	height="590">
			</a>
		</div>
		<!-- 右边上面第一个 -->
		<div class="rightimg-top">
			<a href=""><img src="./img/rightimg-top.jpg">
				<div class="gird-title">HUAWEI nova 3</div>
				<div class="gird-price">¥2599</div>
				<div class="gird-logo"></div>
			</a>
		</div>
		<!-- 中间上面 -->
		<div class="centerimg-top">
			<a href=""><img src="./img/centerimg-top.png" width="600">
				<div class="gird-title">华为畅享9 Plus</div>
				<div class="gird-price">¥1499</div>
				<div class="gird-logo"></div>
				<div class="gird-new">
					<img src="./img/new.png">
				</div>
			</a>
		</div>
		<!-- 右边下面 -->
		<div class="rightimg-bottom">
			<a href=""><img src="./img/rightimg-bottom.png">
				<div class="gird-title">华为畅享 MAX</div>
				<div class="gird-price">¥1699</div>
				<div class="gird-logo"></div>
				<div class="gird-new">
					<img src="./img/new.png">
				</div>
			</a>
		</div>
		<!-- 中间下面右图 -->
		<div class="centerimg-bottom1">
			<a href=""><img src="./img/centerimg-bottom1.png" width="295" height="290">
				<div class="gird-title">HUAWEI 麦芒7</div>
				<div class="gird-price">¥2199</div>
				<div class="gird-logo"></div>
				<div class="gird-new">
					<img src="./img/new.png">
				</div>
			</a>
		</div>
		<!-- 中间下面左图 -->
		<div class="centerimg-bottom2">
			<a href=""><img src="./img/centerimg-bottom2.png" width="295" height="290">
				<div class="gird-title">HUAWEI nova 3i</div>
				<div class="gird-price">¥1899</div>
				<div class="gird-logo"></div>
				<div class="gird-new">
					<img src="./img/hot.png">
				</div>
			</a>
		</div>
	</div>

	
	<div id="hr-4"></div>
	<!-- 栏目3大标题 -->
	<div class="title-three" id="url3">
		<h1>笔记本电脑</h1>
		<div class="title-three-logo"></div>
	</div>
	<!-- 栏目3小标题 -->
	<div class="title-three-nav">
		<ul>
			<li><a href="">笔记本电脑</a></li>
			<li><a href="">笔记本配件</a></li>
		</ul>
		<div class="key">
			更多
		</div>
	</div>
	<div class="title-three-content">
		<a href="">
			<div class="leftimg">
				<img src="./img/leftimg.png">
				<div class="scroll"></div>
			</div>
		</a>
		<a href="">
			<div class="centerimg">
				<div class="scroll"></div>
				<div class="core">
					<img src="./img/center-core.png" width="200" height="200">
					<div class="gird-title">HUAWEI MateBook X</div>
					<div class="gird-desc">享6期免息&nbsp;</div>
					<div class="gird-price">¥6188</div>
					<div class="gird-logo"></div>
					<div class="gird-new">
						<img src="./img/center-centerimg-new.png">
					</div>				
				</div>
			</div>
		</a>
		<a href="">
			<div class="rightimg">
				<div class="scroll"></div>
				<div class="core">
					<img src="./img/right-core.png" width="200" height="200">
					<div class="gird-title">HUAWEI MateBook D</div>
					<div class="gird-price">¥4988</div>
					<div class="gird-logo"></div>
				</div>
			</div>
		</a>
		<a href="">
			<div class="bottomimg">
				<img src="./img/bottom-core.jpg">
				<div class="title-three-content-banner">
					<div class="title-one-content2-banner">
					<div class="gird-title">HUAWEI MateBook X Pro</div>
					<div class="gird-desc">微边框触屏笔记本&nbsp;</div>
					<div class="gird-price">¥7888</div>
					<div class="gird-logo"></div>
				</div>
				</div>
			</div>
		</a>
	</div>
	<!-- 底部 -->
	<div id="hr-5"></div>
	<div class="footer">
		<div class="slogan">
			<ul>
				<li class="s1">
					<a href="">
						<i></i>
						百强企业 &nbsp;品质保证
					</a>
				</li>
				<li class="s2">
					<a href="">
						<i></i>
						7天退货 &nbsp;15天换货
					</a>
				</li>
				<li class="s3">
					<a href="">
						<i></i>
						48元起免运费
					</a>
				</li>
				<li class="s4">
					<a href="">
						<i></i>
						1000家维修网点 &nbsp;全国联保
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="href">
		<div class="href-content">
			<div class="f1">
				<dl>
					<dt>
						<p class="title">购物相关</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">购物指南</a></li>
							<li><a href="">配送方式</a></li>
							<li><a href="">支付方式</a></li>
							<li><a href="">常见问题</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">保修与退换货</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">保修政策</a></li>
							<li><a href="">退换货政策</a></li>
							<li><a href="">退换货流程</a></li>
							<li><a href="">保修状态查询</a></li>
							<li><a href="">配件防伪查询</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">维修与技术支持</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">售后网点</a></li>
							<li><a href="">预约维修</a></li>
							<li><a href="">手机寄售</a></li>
							<li><a href="">备件价格查询</a></li>
							<li><a href="">上门服务</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">特色服务</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">防伪查询</a></li>
							<li><a href="">补购保障</a></li>
							<li><a href="">以旧换新</a></li>
							<li><a href="">礼品包装</a></li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
						<p class="title">关于我们</p>
					</dt>
					<dd>
						<ol>
							<li><a href="">公司介绍</a></li>
							<li><a href="">华为商城简介</a></li>
							<li><a href="">华为线下门店</a></li>
							<li><a href="">荣耀线下门店</a></li>
							<li><a href="">诚征人才</a></li>
							<li><a href="">意见反馈</a></li>
						</ol>
					</dd>
				</dl>	
			</div>
			<div class="f2">
				<dt><p class="title">400-088-6888</p></dt>
				<dd>
					<a>7x24小时客服热线（仅收市话费）</a>
				</dd>
				<dd>
					<ol>
						在线客服
					</ol>
				</dd>
			</div>
		</div>
	</div>
	<div id="sidebar2">
		<ul>
			<li>
				<div class="sidebar-1">
					<span><a href="#url1">华为精品</a></span>
					<div id="li1"></div>
				</div>
				
				
			</li>
			<li>
				<div class="sidebar-1">
					<span><a href='#url2'>手机</a></span>
					<div id="li2"></div>
				</div>
			</li>
			<li>
				<div class="sidebar-1">
					<span><a href="#url3">笔记本电脑</a></span>
					<div id="li3"></div>
				</div>
			</li>
		</ul>
	</div>
	<script src="./js/jquery-1.8.3.min.js"></script>
	<!-- 注册,拖拽,表单验证 -->
	<script src="./js/huawei.js"></script>
	<!-- 登录 -->
	<script src="./js/dl.js"></script>
	<!-- 轮播图 -->
	<script src="./js/huawei4.js"></script>
	<!-- 地址联动与飞入 -->
	<script src="./js/huawei5.js"></script>


</body>
</html>
